<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FLY的狐狸</title>
<meta name="author" content="FLY的狐狸" />
<meta http-equiv="keywords" content="FLY的狐狸，门头沟信息，生活，新闻，美食，旅游，教育，公园，商场，房产，生活记录,开发记录">
<meta name="keywords" content="FLY的狐狸，门头沟信息，生活，新闻，美食，旅游，教育，公园，商场，房产，生活记录,开发记录">
<meta name="description" content="FLY的狐狸，门头沟信息，生活，新闻，美食，旅游，教育，公园，商场，房产，生活记录,开发记录">
<meta name="Resource-type" content="Document" />

<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/fullPage.js/2.7.6/jquery.fullPage.min.css" />
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/fullPage.js/2.7.6/jquery.fullPage.min.js"></script>
<link
	href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css"
	rel="stylesheet">

<meta property="qc:admins" content="3746002607626416706375" />
<meta property="wb:webmaster" content="e54d65a76ac063a2" />

<style>
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}
		.section{
		background-size: cover;
	}


	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0{
		background-image: url(/static/img/bg1.jpg);
		padding: 2% 0 0 0;
	}
	#section1{
		background-image: url(/static/img/bg2.jpg);
		padding: 2% 0 0 0;
	}
	#section2{
		background-image: url(/static/img/bg3.jpg);
		padding: 2% 0 0 0;
	}
	#section3{
		background-image: url(/static/img/bg4.jpg);
		padding: 2% 0 0 0;
	}
	#section4{
		background-image: url(/static/img/bg5.jpg);
		padding: 2% 0 0 0;
	}
	#section5{
		background-image: url(/static/img/bg6.jpg);
		padding: 2% 0 0 0;
	}

	#fullpage {
	  font: 400 18px/1.62 "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", sans-serif;
	  color: #111;
	}

	/********************* footer start ***********************/
	.mod-footer .hidden-box {
		line-height: 0;
		height: 0;
		overflow: hidden
	}

	.mod-footer .footer-box {
		text-align: center;
		font-family: Arial, simsun;
		font-size: 12px;
	}

	.mod-footer .footer-box .inner-box {
		margin-bottom: 10px;
		line-height: 14px;
		height: 14px;
		overflow: hidden;
		color: #3FA7CB
	}

	.mod-footer .footer-box .copy-box {
		margin-bottom: 20px;
		color: #959595;
		line-height: 25px;
		height: 25px;
		overflow: hidden
	}

	.mod-footer .footer-box .copy-box img {
		vertical-align: middle;
	}

	/********************* footer end ***********************/

</style>

<script type="text/javascript">
	$(document).ready(
			function() {
				$('#fullpage').fullpage({
					anchors : [ 'mtg', 'blog','project','jmoney','photo','video'  ],
					navigation : true,
					navigationPosition : 'right',
					navigationTooltips : [ '门头沟信息网1', '个人博客','我的项目','财务管理','图片相册','视频专辑']
					,afterLoad: function(anchorLink, index){
						$('ul.nav li').removeClass('active');
						$('ul.nav li#nav_'+anchorLink).addClass('active');
					}
				});
			});
</script>

</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="#"> <img alt="logo" src="/static/img/logo.png" width="24" height="24">
					FLY的狐狸
				</a>
			</div>
			<div class="container">
				<ul class="nav navbar-nav navbar-right">
					<li id="nav_mtg" class="active"><a href="http://mtg.jflyfox.com/" target="_blank">门头沟信息网</a></li>
					<li id="nav_blog"><a href="http://blog.jflyfox.com/" target="_blank">个人博客</a></li>
					<li id="nav_project"><a href="http://project.jflyfox.com/"  target="_blank">我的项目</a></li>
					<li id="nav_jmoney"><a href="http://www.jflyfox.com/jmoney"  target="_blank">财务管理</a></li>
					<li id="nav_photo"><a href="http://photo.jflyfox.com/" target="_blank">图片相册</a></li>
					<li id="nav_video"><a href="http://video.jflyfox.com/"  target="_blank">视频专辑</a></li>
				</ul>
			</div>
		</div>

	</nav>


	<div id="fullpage">
		<div class="section " id="section0">
				<h3>门头沟信息网</h3>
				<p>全面的生活、新闻、美食、旅游、教育资讯</p>
		</div>
		<div class="section" id="section1">
				<h3>个人博客</h3>
				<p>好记性不如烂笔头，记录生活的点点滴滴</p>
		</div>
		<div class="section" id="section2">
				<h3>我的项目</h3>
				<p>丰富的人生是岁月积累的结果,它不会速成,与运气无关</p>
		</div>
		<div class="section" id="section3">
				<h3>财务管理</h3>
				<p>管理个人资产，做到支出心里有数</p>
		</div>
		<div class="section" id="section4">
				<h3>图片相册</h3>
				<p>拍下我们的生活点击，留下美好的回忆</p>
		</div>
		<div class="section" id="section5">
				<h3>视频专辑</h3>
				<p>动态记录生活轨迹，让回忆更加精彩</p>
		</div>

</div>


<nav class="navbar navbar-fixed-bottom">
	<div class="container">
	<footer class="mod-footer text-center">
		<div class="footer-box">
			<div class="inner-box">
								<a style="color: #FFF;" href="http://mtg.jflyfox.com/" target="_blank">门头沟信息网</a>
						<span>&nbsp;|&nbsp;</span>
								<a style="color: #FFF;" href="http://blog.jflyfox.com/" target="_blank">个人博客</a>
						<span>&nbsp;|&nbsp;</span>
								<a style="color: #FFF;" href="http://www.jflyfox.com/jmoney" target="_blank">财务管理</a>
						<span>&nbsp;|&nbsp;</span>
								<a style="color: #FFF;" href="http://mtg.jflyfox.com/front/about/352.html" target="_blank">关于我们</a>
						<span>&nbsp;|&nbsp;</span>
								<a style="color: #FFF;" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=allcU1tTW15dWiobG0QJBQc" target="_blank">给我写信</a>
						<span>&nbsp;|&nbsp;</span>
								<a style="color: #FFF;" href="http://mtg.jflyfox.com/front/about/354.html" target="_blank">免责声明</a>
								
			</div>
			<div class="copy-box">
				<span style="color: #FFF;">©2015&nbsp;FLY的狐狸&nbsp;&nbsp;</span><a style="color: #FFF;" href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备15023826号-1</a>
				
			</div>
		</div>
	</footer>
</div>
</nav>

</body>
</html>
